.pr {
  position: relative;
}

.pa {
  position: absolute;
}


.fixed-top {
  position: fixed;
  top: 0rem;
}

.safe-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.safe-height {
  height: constant(safe-area-inset-bottom);
  height: env(safe-area-inset-bottom);
  min-height: 1.7rem;
  min-height: 1.7rem;
}







@keyframes loading___{
  0%,
  33.33% {
    content: ".";
  }
  33.34%,
  66.66% {
    content: "..";
  }
  66.67%,
  100% {
    content: "...";
  }
}

.loading___::after {
  content: ".";
  display: inline-block;
  animation: loading___ 0.8s steps(1, end) infinite;
}



.inline {
  display: inline !important;
}


.lh100 {
  line-height: 100% !important;
}

.nw {
  white-space: nowrap !important;
}

.nw1 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
}
.nw2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.nw3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ovh {
   backface-visibility: hidden !important;
   transform: translate3d(0, 0, 0) !important;
  overflow: hidden !important;
}

.vbh {
  visibility: hidden !important;
}




.fwb {
  font-weight: bolder !important;
}

.fwl {
  font-weight: lighter !important;
}



@each $item in 06,07,08,09,10,11,12,13,14,15,16,17,18,19 {
  .fs$(item) {
    font-size:  calc($(item) * var(--change_base) * 16 / 10) !important;
  }
}

.iio{
  border-radius:calc(3 * var(--change_base)) !important;
}

.ioo{
  border-radius:calc(10 * var(--change_base)) !important;
}
.IOO{
  border-radius:calc(20 * var(--change_base)) !important;
}

@each $item in 0, 1, 2, 4, 6, 8, 10, 15, 20 {
  .o$(item) {
    border-radius:calc($(item) * var(--change_base)) !important;
  }

  .ot$(item) {
    border-top-right-radius: calc($(item) * var(--change_base)) !important;
    border-top-left-radius: calc($(item) * var(--change_base)) !important;
  }
  .ob$(item) {
    border-bottom-right-radius: calc($(item) * var(--change_base)) !important;
    border-bottom-left-radius: calc($(item) * var(--change_base)) !important;
  }
  .ol$(item) {
    border-top-left-radius: calc($(item) * var(--change_base)) !important;
    border-bottom-left-radius: calc($(item) * var(--change_base)) !important;
  }
  .or$(item) {
    border-top-right-radius: calc($(item) * var(--change_base)) !important;
    border-bottom-right-radius: calc($(item) * var(--change_base)) !important;
  }
}

.oo {
  border-radius: 100rem !important;
}

.zo {
  z-index: -1;
}

@each $item in 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 99 {
  .z$(item) {
    z-index: $item;
  }
}


